<template>
  <div>
    <div class="profile-breadcrumb">
      <el-breadcrumb separator-class="el-icon-arrow-right">
        <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item>个人中心</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <user-menu />
    <div class="user-cotainer">
      <router-view />
    </div>
  </div>
</template>

<script>
import UserMenu from "@/views/profile/UserMenu";

export default {
  name: "Proflie",
  components: {
    UserMenu,
  },
};
</script>

<style scoped>
.profile-breadcrumb {
  height: 41px;
  display: flex;
  align-items: center;
}
.el-breadcrumb {
  display: flex;
}
.user-cotainer {
  margin-left: 15px;
  width: 975px;
  background-color: #fff;
  float: left;
}
</style>